<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>热门搜索</title>
    <link rel="stylesheet"  type="text/css"  href="/lib/bootstrap/css/bootstrap.min.css">
    <style>
        .row > div{
            padding-bottom: 10px;
        }
        html,body{
            height: 100%;
        }
    </style>
</head>
<body>
<div class="panel panel-default"style="min-height: 80%">
    <div class="panel-heading" style="color: #e92300">热门搜索关键词修改，最多可填12个关键词，每个关键词不能超过5个字；  <span class="text-success">填写格式例：牛奶，雪地靴，笔记本</span></div>
    <div class="panel-body">
        <form action="{:url('admin/keyword/update')}" method="post">
            <div class="row">
                <div>

                    <p>
                        关键词：<input name="keyword"  class="form-control"  value="{$keywords.keyword}">
                        <input type="text" hidden name="id" value="{$keywords.id}">
                    </p>
                </div>

            </div>
            <!--<div class="row">
                <div class="col-sm-3 col-md-2"><input type="text" class="form-control hotword" required maxlength="5" oninvalid="setCustomValidity('关键词不能为空')" oninput="setCustomValidity('')"/></div>
                <div class="col-sm-3 col-md-2"><input type="text" class="form-control hotword" required maxlength="5" oninvalid="setCustomValidity('关键词不能为空')" oninput="setCustomValidity('')"/></div>
                <div class="col-sm-3 col-md-2"><input type="text" class="form-control hotword" required maxlength="5" oninvalid="setCustomValidity('关键词不能为空')" oninput="setCustomValidity('')"/></div>
                <div class="col-sm-3 col-md-2"><input type="text" class="form-control hotword" required maxlength="5" oninvalid="setCustomValidity('关键词不能为空')" oninput="setCustomValidity('')"/></div>
                <div class="col-sm-3 col-md-2"><input type="text" class="form-control hotword" required maxlength="5" oninvalid="setCustomValidity('关键词不能为空')" oninput="setCustomValidity('')"/></div>
                <div class="col-sm-3 col-md-2"><input type="text" class="form-control hotword" required maxlength="5" oninvalid="setCustomValidity('关键词不能为空')" oninput="setCustomValidity('')"/></div>
                <div class="col-sm-3 col-md-2"><input type="text" class="form-control hotword" required maxlength="5" oninvalid="setCustomValidity('关键词不能为空')" oninput="setCustomValidity('')"/></div>
                <div class="col-sm-3 col-md-2"><input type="text" class="form-control hotword" required maxlength="5" oninvalid="setCustomValidity('关键词不能为空')" oninput="setCustomValidity('')"/></div>
                <div class="col-sm-3 col-md-2"><input type="text" class="form-control hotword" required maxlength="5" oninvalid="setCustomValidity('关键词不能为空')" oninput="setCustomValidity('')"/></div>
                <div class="col-sm-3 col-md-2"><input type="text" class="form-control hotword" required maxlength="5" oninvalid="setCustomValidity('关键词不能为空')" oninput="setCustomValidity('')"/></div>
                <div class="col-sm-3 col-md-2"><input type="text" class="form-control hotword" required maxlength="5" oninvalid="setCustomValidity('关键词不能为空')" oninput="setCustomValidity('')"/></div>
                <div class="col-sm-3 col-md-2"><input type="text" class="form-control hotword" required maxlength="5" oninvalid="setCustomValidity('关键词不能为空')" oninput="setCustomValidity('')"/></div>
                <input type="text" name="keyword" hidden/>
            </div>-->
            <div class="row" style="text-align: center"><button class="btn btn-default" id="submit">确认修改</button></div>
        </form>
    </div>
</div>

<script src="/lib/jquery/jquery.min.js"></script>
<script src="/lib/bootstrap/js/bootstrap.min.js"></script>
<script>
/*    var str="";
    $("#submit").click(function(){
        $(".hotword").each(function(index,item){
            if($(item).val()){
                console.log()
            }
        })
    })*/
</script>
</body>
</html>